<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/page/tag.jsp"%>
<html>
<head>
<title>药品采购平台</title>
<meta http-equiv="cache-control" content="no-cache">
<link rel="stylesheet" href="${baseurl}/styles/homepage.css">
<%@ include file="/WEB-INF/page/easyui.jsp"%>
<script type="text/javascript" src="${baseurl}/js/custom.box.main.js"></script>
<script type="text/javascript" src="${baseurl}/js/menuload.js"></script>
<script type="text/javascript">
  var tabOnSelect = function(title) {
	//根据标题获取tab对象
	var currTab = $('#tabs').tabs('getTab', title);
	var iframe = $(currTab.panel('options').content);//获取标签的内容
	var src = iframe.attr('src');//获取iframe的src
	//当重新选中tab时将ifram的内容重新加载一遍，目的是获取当前页面的最新内容
	if (src)
		$('#tabs').tabs('update', {
			tab : currTab,
			options : {
			  //iframe内容
				content : createFrame(src)
			}
		});
	};
	var _menus;
	$(function() {//预加载方法
		$('#tabs').tabs('add', {
			title : '欢迎使用',
			content : createFrame('${baseurl}/welcome.html')
		}).tabs({
			//当重新选中tab时将ifram的内容重新加载一遍
			onSelect : tabOnSelect
		});
	});
	//退出系统方法
	function logout() {
		_confirm('您确定要退出本系统吗?',null,
				function(){
					location.href = '${baseurl}/logout.action';
				}
		)
	}
</script>
</head>
<body class="easyui-layout">
	<div style="background: url('images/layout-browser-hd-bg.gif') repeat-x center 50% rgb(127, 153, 190); height: 30px; color: rgb(255, 255, 255); line-height: 20px; overflow: hidden;" data-options="border:false,split:true,region:'north'">
		<span style="padding-right: 20px; float: right;" class="head">
			欢迎当前用户：${activeUser.username}&nbsp;&nbsp;
			<a href="javascript:;">使用帮助</a>
			&nbsp;&nbsp;
      <!-- 遍历按钮类型的权限，如果activeUser中存在修改密码的uri路径相关权限，那么显示修改密码按钮 -->
      <c:forEach items="${activeUser.buttons }" var="button" varStatus="sta">
        <c:if test="${button.percode=='user:modify'&&button.uri=='/user/modify-password.action' }">
          <a href="javascript:;">修改密码</a>
          &nbsp;&nbsp;
        </c:if>
      </c:forEach>
			<a href="javascript:;" onclick="logout()">退出系统</a>
		</span>
    <span style="padding-left: 10px; font-size: 16px;">
      <img style="vertical-align:baseline;" src="images/blocks.gif" width="20" height="20">
			医药集中采购系统
    </span>
    <span style="padding-left: 15px;"></span>
	</div>
	<div style="background: rgb(210, 224, 242); height: 30px;" data-options="split:false,region:'south'">
    <div class="footer">
      系统版本号：${initParam.version}&nbsp;&nbsp;&nbsp;发布日期：${initParam['date']}
    </div>
  </div>
	<div style="width: 180px;" title="导航菜单" data-options="split:true,region:'west'">
    <div class="easyui-accordion" data-options="border:false,fit:true">
			<c:if test="${activeUser.menus!=null }">
				<ul>
				<c:forEach items="${activeUser.menus }" var="menu">
					<li>
            <div>
  						<a title="${menu.name }" href="javascript:;" onclick="addTab('${menu.name }','${baseurl }${menu.uri }')">
                <span class="icon icon-log">&nbsp;</span>
                <span>${menu.name }</span>
              </a>
  					</div>
          </li>
				</c:forEach>
				</ul>
			</c:if>
		</div>
	</div>
  <div style="background: rgb(238, 238, 238);" data-options="region:'center'">
    <div id="tabs" class="easyui-tabs" data-options="border:false,fit:true"></div>
  </div>
</body>
</html>
